<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>menu</title>
    <link href="default.css" rel="stylesheet" type="text/css" />
</head>
<body>
    <ul id="menu">
        <li class="c"><a href="introduction.html" target="rightFrame">框架简介</a></li>
        <li class="c"><a href="yepjs.html" target="rightFrame">yepjs使用说明</a></li>
        <li>
            <img src="img/2.gif" /><a>组件</a>
            <ul class="submenu">
                <li class="a_c"><a href="YBA.Plugin/popWin.html" target="rightFrame">基础弹窗</a></li>
                <li class="a_c"><a href="YBA.Plugin/popform.html" target="rightFrame">带按钮的弹窗</a></li>
                <li class="a_c"><a href="YBA.Plugin/confirm.html" target="rightFrame">操作确认弹窗</a></li>
                <li class="a_c"><a href="YBA.Plugin/loading.html" target="rightFrame">等待状态</a></li>
                <li class="a_c"><a href="YBA.Plugin/msgtip.html" target="rightFrame">快速提示</a></li>
<!--                <li class="a_c"><a href="YBA.Plugin/checkAll.html" target="rightFrame">复选框全选</a></li>-->
                <li class="a_c"><a href="YBA.Plugin/placeHolder.html" target="rightFrame">文本框占位符</a></li>
                <li class="a_c"><a href="YBA.Plugin/pageNav.html" target="rightFrame">分页组件</a></li>
            </ul>
        </li>
        <li>
            <img src="img/2.gif" /><a>公用函数</a>
            <ul class="submenu">
                <li class="a_c"><a href="YBA.Common/check.html" target="rightFrame">验证函数</a></li>
                <li class="a_c"><a href="YBA.Common/timer.html" target="rightFrame">倒计时函数</a></li>
                <li class="a_c"><a href="YBA.Common/setCenter.html" target="rightFrame">设置元素相对于窗口居中</a></li>
                <li class="a_c"><a href="YBA.Common/queryString.html" target="rightFrame">解析查询字符串</a></li>
                <li class="a_c"><a href="YBA.Common/ysmart.html" target="rightFrame">html模板解析</a></li>
            </ul>
        </li>
    </ul>
</body>
</html>
<script type="text/javascript">
var img=document.getElementsByTagName("img");
for(var i=0;i<img.length;i++){
    (function(){
        var k=i;
        var sub=img[k].parentNode.getElementsByTagName("ul")[0];
        var a=img[k].parentNode.getElementsByTagName("a")[0];
        //sub.style.display="none";
        a.className="p_o";
        img[k].src="img/2.gif";
        img[k].onclick=function(){
            if(sub.style.display=="none"){
                sub.style.display="block";
                a.className="p_o";
                this.src="img/2.gif";
            }else{
                sub.style.display="none";
                a.className="p";
                this.src="img/1.gif";
            }
        }
    })();
}
var a=document.getElementsByTagName("a");
for(var i=0,k=a.length;i<k;i++){
    a[i].onclick=function(){
        for(var n=0;n<k;n++){
            a[n].style.backgroundColor="";
            a[n].style.color="";
        }
        this.style.backgroundColor="#316AC5";
        this.style.color="white";
    }
    a[i].onfocus=function(){this.blur();}
}
</script>